<style scoped>
  .expand-row{
    margin-bottom: 16px;
  }
  .lyx-table-btn{
    margin-right: 5px;
    margin-bottom: 2px;
  }
  .title-size {
    font-weight: bold;
    font-size: 1rem;
  }
</style>
<template>
  <div>
      <Form label-position="right" :label-width="100" style="position: relative;" :model="formDate">
        <Row class="mb20">
          <Col span="6" class="ivu-form-item-label">档案编号：</Col>
          <Col span="5" offset="1" class="ivu-form-item-content">
            <Input v-model="formDate.fileNumber"></Input>
          </Col>
        </Row>
        <Row class="mb20">
          <Col span="17" class="ivu-form-item-label title-size">沈阳市城市低保及低保边缘家庭(住房)情况基础信息表</Col>
        </Row>
<!--        <Row class="mb20">-->
<!--          <Col span="5" class="ivu-form-item-label">户籍地址：</Col>-->
<!--          <Col span="2" class="ivu-form-item-label">沈阳市：</Col>-->
<!--          <Col span="4" style="margin-right: 5px">-->
<!--            <Select v-model="select1">-->
<!--              <Option v-for="item in sectionList" :value="item.id" :key="item.company_code">{{ item.title }}</Option>-->
<!--            </Select>-->
<!--          </Col>-->
<!--          <Col span="4" style="margin-right: 5px">-->
<!--            <Select v-model="select2">-->
<!--              <Option v-for="item in streetList" :value="item.id" :key="item.company_code">{{ item.title }}</Option>-->
<!--            </Select>-->
<!--          </Col>-->
<!--          <Col span="4" >-->
<!--            <Select v-model="select3">-->
<!--              <Option v-for="item in committeesList" :value="item.company_code" :key="item.company_code">{{ item.title }}</Option>-->
<!--            </Select>-->
<!--          </Col>-->
<!--        </Row>-->
        <Row class="mb20">
          <Col span="5" class="ivu-form-item-label">申请人姓名：</Col>
          <Col span="5" offset="1" class="ivu-form-item-content">
            <Input v-model="formDate.applyPerson"></Input>
          </Col>
        </Row>
        <Row class="mb20">
          <Col span="5" class="ivu-form-item-label">低保(边缘)/特殊供养证号：</Col>
          <Col span="5" offset="1">
            <Input v-model="formDate.cardNumber" ></Input>
          </Col>
          <Col span="9" offset="1"  class="ivu-form-item-content">
            <RadioGroup v-model="formDate.isDb">
              <Radio label="0">低保</Radio>
              <Radio label="1">边缘</Radio>
              <Radio label="3">特殊供养</Radio>
            </RadioGroup>
          </Col>
        </Row>
        <Row class="mb20">
          <Col span="5" class="ivu-form-item-label">身份证编号：</Col>
          <Col span="5" offset="1">
            <Input v-model="formDate.applyIdCard" ></Input>
          </Col>
          <Col span="1" class="ivu-form-item-label">18位</Col>
          <Col span="4" class="ivu-form-item-label">再次输入身份证号：</Col>
          <Col span="6">
            <Input v-model="formDate.applyIdCard"></Input>
          </Col>
        </Row>
        <Row class="mb20">
          <Col span="5" class="ivu-form-item-label">户籍地址：</Col>
          <Col span="2" class="ivu-form-item-label">沈阳市：</Col>
          <Col span="4" >
            <Select v-model="formDate.lawSectionCode">
              <Option v-for="item in sectionList" :value="item.value" :key="item.value">{{ item.label }}</Option>
            </Select>
          </Col>
          <Col span="3" class="ivu-form-item-label">区县(市)</Col>
          <Col span="5">
            <Input v-model="formDate.lawAddress"></Input>
          </Col>
        </Row>
        <Row class="mb20">
          <Col span="4" offset="7">
            <Select v-model="formDate.lawStreetCode">
              <Option v-for="item in streetList" :value="item.value" :key="item.value">{{ item.label }}</Option>
            </Select>
          </Col>
          <Col span="3" class="ivu-form-item-label">街镇(乡镇)</Col>
          <Col span="5" >
            <Select v-model="formDate.lawCommitteesCode">
              <Option v-for="item in committeesList" :value="item.value" :key="item.value">{{ item.label }}</Option>
            </Select>
          </Col>
          <Col span="1" class="ivu-form-item-label">社区</Col>
        </Row>
        <Row class="mb20">
          <Col span="5" class="ivu-form-item-label">现居住地址：</Col>
          <Col span="2" class="ivu-form-item-label">沈阳市：</Col>
          <Col span="4" >
            <Select v-model="formDate.resideSectionCode">
              <Option v-for="item in sectionList" :value="item.value" :key="item.value">{{ item.label }}</Option>
            </Select>
          </Col>
          <Col span="3" class="ivu-form-item-label">区县(市)</Col>
          <Col span="5">
            <Input v-model="formDate.residAddress"></Input>
          </Col>
        </Row>
        <Row class="mb20">
          <Col span="4" offset="7">
            <Select v-model="formDate.resideStreetCode">
              <Option v-for="item in streetList" :value="item.value" :key="item.value">{{ item.label }}</Option>
            </Select>
          </Col>
          <Col span="3" class="ivu-form-item-label">街镇(乡镇)</Col>
          <Col span="5" >
            <Select v-model="formDate.resideCommitteesCode">
              <Option v-for="item in committeesList" :value="item.value" :key="item.value">{{ item.label }}</Option>
            </Select>
          </Col>
          <Col span="1" class="ivu-form-item-label">社区</Col>
        </Row>
        <Row class="mb20">
          <Col span="5" class="ivu-form-item-label">通讯地址：</Col>
          <Col span="8" offset="1">
            <Input v-model="formDate.address" ></Input>
          </Col>
          <Col span="2" class="ivu-form-item-label">邮编：</Col>
          <Col span="3">
            <Input v-model="formDate.zip"></Input>
          </Col>
        </Row>
        <Row class="mb20">
          <Col span="5" class="ivu-form-item-label">移动电话：</Col>
          <Col span="4" offset="1">
            <Input v-model="formDate.mobilePhone" ></Input>
          </Col>
          <Col span="3" class="ivu-form-item-label">必须为11位数字</Col>
          <Col span="3" class="ivu-form-item-label">固定电话：</Col>
          <Col span="3">
            <Input v-model="formDate.phone"></Input>
          </Col>
        </Row>
        <Row class="mb20">
          <Col span="5" class="ivu-form-item-label">核查登记日期：</Col>
          <Col span="4" offset="1">
            <DatePicker type="date" v-model="formDate.registDate"></DatePicker>
          </Col>
          <Col span="2" class="ivu-form-item-label">调查员：</Col>
          <Col span="3">
            <Input v-model="formDate.investigators"></Input>
          </Col>
          <Col span="2" class="ivu-form-item-label">审核员：</Col>
          <Col span="3">
            <Input v-model="formDate.auditor"></Input>
          </Col>
        </Row>
        <Row class="mb20">
          <Col span="13" class="ivu-form-item-label">
            <Button @click="save()">提交</Button>
          </Col>
        </Row>
    </Form>
  </div>
</template>
<script>
// import { getMailLevelList } from '@/api/eventlist'
import { ensureApply } from '@/api/houseproperty'
export default {
  name: 'Form9',
  data () {
    return {
      lawSectionCode: '',
      tempArr: [],
      select1: '',
      select2: '',
      select3: '',
      bwk: '0',
      paramsArr: [],
      list: [],
      sectionList: [],
      streetList: [],
      committeesList: [],
      batchList: []
    }
  },
  props: {
    formDate: {}
  },
  mounted () {
    // this.sectionList = this.getPermanentAddress()
    // console.log(this.getPermanentAddress())
    // console.log('!!!!')
  },
  watch: {
    // select1 (val) {
    //  var param1 = {
    //    'id': val
    //  }
    //  getMailLevelList(param1).then(res => {
    //    if (res.data.errcode === 0) {
    //      this.streetList = res.data.data
    //    } else {
    //      this.$Notice.error({ title: '失败', desc: res.data.errmsg })
    //    }
    //  })
    // },
    // select2 (val) {
    //  var param1 = {
    //    'id': val
    //  }
    //  getMailLevelList(param1).then(res => {
    //    if (res.data.errcode === 0) {
    //      this.committeesList = res.data.data
    //    } else {
    //      this.$Notice.error({ title: '失败', desc: res.data.errmsg })
    //    }
    //  })
    // },
    // select3 (val) {
    //  this.lawSectionCode = val
    //  this.getValidateRules()
    // }
  },
  methods: {
    save () {
      this.$emit('ee')
    },
    // 查询街道社区
    // getPermanentAddress (param) {
    //  getMailLevelList(param).then(res => {
    //    if (res.data.errcode === 0) {
    //      this.sectionList = res.data.data
    //    } else {
    //      this.$Notice.error({ title: '失败', desc: res.data.errmsg })
    //    }
    //  })
    // },
    getValidateRules () {
      ensureApply({ interface_code: '', lawSectionCode: this.lawSectionCode }).then(res => {
        if (res.data.errcode === 0) {
          console.log(res.data.data, '规则信息')
          this.ruleData = res.data.data
        } else {
          this.$Notice.error({ title: res.data.errmsg })
        }
      })
    }
  }
}
</script>
